<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8"/>
    <link rel="icon" href="/favicon.ico"/>
    <!--这个标签告诉浏览器，在导航到其他页面时，不要发送完整的原始页面URL作为Referer头信息，而是只发送页面的基础源信息（即协议、域名和端口）。-->
    <!--这有助于保护用户隐私，因为完整的URL可能包含敏感信息。-->
    <!--<meta name="referrer" content="origin">-->
    <!--width=device-width：使页面的宽度与设备的屏幕宽度相匹配。-->
    <!--initial-scale=1.0：设置页面首次加载时的缩放级别为原始大小（即不缩放）。-->
    <!--maximum-scale=1.0：限制用户能够放大页面的最大级别为原始大小（即用户不能放大页面）。-->
    <!--user-scalable=0：完全禁止用户通过手势来缩放页面。-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>帮办代办</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
<script>
    // 判断是否是移动端
    function isMobile() {
        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
    }

    if (isMobile) {
        // 创建一个新的样式元素
        let style = document.createElement('style');

        // 设置样式元素的类型为text/css
        style.type = 'text/css';

        // 构建CSS规则字符串
        let cssRule = `
            ::-webkit-scrollbar {
                width: 0px;
                height: 0px;
            }
            `;
        // 将CSS规则添加到样式元素中
        if (style.styleSheet) {
            // 对于IE
            style.styleSheet.cssText = cssRule;
        } else {
            // 对于其他浏览器
            style.appendChild(document.createTextNode(cssRule));
        }
        // 将样式元素添加到文档的<head>中
        document.head.appendChild(style);
    }
</script>
</body>
</html>
